<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>5</title>
        <script src="lib/vue.js"></script>
	</head>
	<body>
		<div id="app-5">
			<p>{{message}}</p>
			<input type="button" name="" id="" value="reserve message" v-on:click="reserveMessage"/>
		</div>
	</body>
	<script>
		var app5=new Vue({
			el:'#app-5',
			data:{
				message:'hello vue.js!'
			},
			methods:{
				reserveMessage:function(){
					this.message=this.message.split('').reverse().join('');
				}
			}
		});
	</script>
</html>
